<script setup>
import { ref } from "vue";

const props = defineProps({
  dec: {
    type: String,
    default: () => {
      return "";
    },
  },
});
</script>

<template>
  <view class="nodate-bt">
    <image src="../../static/nodate/nodate.png" mode="widthFix"></image>
    <view class="nodate-bt-dec" v-if="dec">
      {{ dec }}
    </view>
  </view>
</template>

<style lang="scss" scoped>
.nodate-bt {
  width: 480rpx;
  height: 480rpx;
  margin: 0 auto;
  // margin-top: 206rpx;

  image {
    width: 480rpx;
    height: 480rpx;
  }

  .nodate-bt-dec {
    text-align: center;
    font-weight: 400;
    font-size: 28rpx;
    color: #999999;
    line-height: 48rpx;
    font-style: normal;
    text-transform: none;
    margin-top: -56rpx;
  }
}
</style>
